<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!-- 自定义标签 -->
<%@ taglib prefix="h" uri="http://www.51i-star.com/his"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- lxd---js css----start-->
<link href="<c:url value='/css/handle.css' />" rel="stylesheet" type="text/css">
<link href="<c:url value='/css/my.css' />" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<c:url value='js/myprocess.js'/>"></script>
<!-- lxd---js css----end-->
<link rel="stylesheet" type="text/css"
	href="<c:url value='/insdep/iconfont/iconfont.css' />">
<link href="<c:url value='/insdep/reset.min.css' />" rel="stylesheet"
	type="text/css">
<link href="<c:url value='/insdep/easyui_full.css'/>" rel="stylesheet"
	type="text/css">
<link href="<c:url value='/insdep/icon.css'/>" rel="stylesheet" type="text/css">
<!-- 用户个人中心的CSS样式 -->
<link
	href="<c:url value='/insdep/plus/panel/user_info_standard_panel/style.css'/>"
	rel="stylesheet" type="text/css">
<!-- 自定义Css -->
<link rel="stylesheet" type="text/css" href="css/index.css">
<!-- 按钮css -->
<link href="<c:url value='/css/wsf-button.css'/>" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<c:url value="/js/grant.js"/>"></script>
<script type="text/javascript"
	src="<c:url value='/insdep/jquery-1.11.3.min.js'/>"></script>
<script type="text/javascript"
	src="<c:url value='/insdep/jquery.easyui-1.5.2.min.js'/>"></script>
<script type="text/javascript"
	src="<c:url value='/insdep/insdep-extend.min.js'/>"></script>
<script type="text/javascript" 
	src="<c:url value='/js/echarts.js'/>"></script>
<title>主页</title>
</head>
<script type="text/javascript">
	//控制中间层
	$(function() {
		//显示签到时间
		$.post("to_look_Attendance_Checkin",
				function(info) {
					var attypeId = info.attypeId;//用于判断迟到，显示异常颜色
					if (info.onworktime != undefined) {
						if (attypeId == '3' || attypeId == '4') {//迟到，异常颜色
							$("#pp1").html(
									"<font color='#FF0000'>" + info.onworktime
											+ "<font>");
						} else {//正常颜色
							$("#pp1").html(
									"<font color='blue'>" + info.onworktime
											+ "<font>");
						}
					}

				})

		//显示签退时间
		$.post("to_look_Attendance_Checkout",
				function(info) {
					var attypeId = info.attypeId;//用于判断早退，显示异常颜色
					var pp2value = $("#pp2").text();
					if (info.offworktime != undefined && pp2value == '未签退') {
						if (attypeId == '2' || attypeId == '4') {//早退，异常颜色
							$("#pp2").html(
									"<font color='#FF0000'>" + info.offworktime
											+ "<font>");
						} else {
							$("#pp2").html(
									"<font color='blue'>" + info.offworktime
											+ "<font>");
						}
					}
				})

		//获取上班的时间段
		$.post("getAttendancePramas", function(info) {
			$("#onwork").html(info.attparamLate);
			$("#offwork").html(info.attparamLeaveearly);
		})

		//添加或激活选项卡
		$(".nav_btn").linkbutton({
			onClick : function() {
				var title = $(this).attr("title");
				var url = $(this).attr("url");
				//判断该面板是否已打开
				if ($("#tt").tabs("exists", title)) {
					//已存在则激活
					$("#tt").tabs("select", title);
				} else {
					//不存在
					var config = {
						title : title,
						href : url,
						closable : true
					}
					$("#tt").tabs("add", config);
				}
			}
		});
		//关闭当前
		$("#btn_close_current").linkbutton({
			onClick : function() {
				//获取选中的面板
				var tab = $('#tt').tabs('getSelected');
				//根据选中的面板获取该面板的索引
				var index = $('#tt').tabs('getTabIndex', tab);
				//根据索引关闭
				if (index != 0) {
					$('#tt').tabs('close', index);
				}
			}
		})
		//关闭所有
		$("#btn_close_all").linkbutton({
			onClick : function() {
				//找到所有的面板
				var tabs = $('#tt').tabs('tabs');
				//从后往前遍历
				for (var i = tabs.length - 1; i > 0; i--) {
					$('#tt').tabs('close', i);
				}
			}
		})
	});
	//注销
	function zhuxiao() {
		$.messager.confirm('提示', '您确认要注销账户吗？', function(v) {
			if (v) {
				location = 'logout';
			}
		})
	}
</script>
<body class="easyui-layout">
	<script type="text/javascript">
		//打开窗口
		function xiugai() {
			//$("#win-role-add-form").form("clear");//清空表单
			$("#win-emp-modify-password").window('open')
		}
		//修改密码
		function xiugaimima() {
			$('#win-emp-modify-password-form').form(
					{
						onSubmit : function(params) {
							return $(this).form('validate');
						},
						success : function(info) {
							var b = displayInfo(info);
							if (b) {
								$.messager.alert('提示', '密码修改成功，点击[确定]重新登陆！',
										'info', function() {
											location = 'logout';
										});
							}
						}
					}).submit();
		}

		function xiangxi() {
			$("#win_infomation").window({
				width : 520,
				height : 452,
				title : '个人详细信息',
				iconCls : 'icon-xiangxi',
				modal : true,//表示模式窗口
				maximizable : false,
				minimizable : false,
				collapsible : false,
				draggable : false,
				href : 'LookOneEmpInformation',//请求远程数据
			});
			$.post("getempinfo", function(info) {
				$("#one_emp_infomation").form("load", info);
			});
		}

		function UpdateOneEmpbj() {
			$("#win_infomation").window({
				width : 520,
				height : 452,
				title : '修改个人信息',
				iconCls : 'icon-xiangxi',
				modal : true,//表示模式窗口
				maximizable : false,
				minimizable : false,
				collapsible : false,
				draggable : false,
				href : 'UpdateOneEmpInformation',//请求远程数据
			});
			$.post("getempinfo", function(info) {
				$("#update_one_emp_infomation").form("load", info);
			});
		}

		//上传头像
		function upload_avatar() {
			$("#win_upload_avatar").window('open')
		}
	</script>
	<!--这里是顶层  -->
	<div data-options="region:'north'" style="background: #eee;">
		<div class="oa_top_left">
			<img src="css/themes/default/images/head.png"
				style="background-size: 201px 47px; margin-top: 10px;">
		</div>
		<div class="oa_top_right">
			<table>
				<tr class="oa_top_right_top">
					<td class="time">
						<script language=JavaScript>
							var d, s = "";
							var x = new Array("星期日", "星期一", "星期二", "星期三",
									"星期四", "星期五", "星期六");
							d = new Date();
							s += d.getFullYear() + "年" + (d.getMonth() + 1)
									+ "月" + d.getDate() + "日 ";
							s += x[d.getDay()];
							document.writeln(s);
						</script>
					</td>
				</tr>
				<tr>
					<td>
						<a href="to_index" class="easyui-linkbutton" plain="true"
							iconCls="icon-zhuye" title="主页" /></a>
						<a href="to_index" class="easyui-linkbutton" plain="true"
							iconCls="icon-shuaxin" title="刷新" /></a>
						<a onclick="zhuxiao()" class="easyui-linkbutton" plain="true"
							iconCls="icon-zhuxiao" title="注销" /></a>
					</td>
				</tr>
			</table>
		</div>
	</div>
	<!-- 左边功能选项 -->
	<div data-options="region:'west',title:'oa系统菜单'" style="width: 180px;"
		class="xxbj">
		<!-- 功能选项 -->
		<div style="margin-top: 3px; background: #eee;" class="easyui-accordion"
			data-options="fit:true,selected:true">
			<!-- 个人模块  -->
			<h:per id="3">
				<div data-options="iconCls:'icon-geren',fit:true" title="个人" class="xxbj"
					style="overflow: auto; padding: 3px;">
					<ul>
						<!-- 在url输入的地址跳转 -->
						<h:per id="4">
							<li style="height: 30px;">
								<a title="流程发起 " url="processClassify" class="easyui-linkbutton nav_btn"
									data-options="fit:true,iconCls:'icon-skiing,plain:true'">
									流程发起
								</a>
							</li>
						</h:per>
						<h:per id="5">
							<li style="height: 30px;">
								<a title="待办流程" url="backlogProcess" class="easyui-linkbutton nav_btn"
									data-options="fit:true,iconCls:'icon-skiing,plain:true'">
									待办流程
								</a>
							</li>
						</h:per>
						<h:per id="6">
							<li style="height: 30px;">
								<a title="我的申请" url="myProcesses" class="easyui-linkbutton nav_btn"
									data-options="fit:true,iconCls:'icon-skiing,plain:true'">
									我的申请
								</a>
							</li>
						</h:per>
						<h:per id="11">
							<li style="height: 30px;">
								<a title="已办流程" url="originalProcess" class="easyui-linkbutton nav_btn"
									data-options="fit:true,iconCls:'icon-skiing,plain:true'">
									已办流程
								</a>
							</li>
						</h:per>
						<h:per id="7">
							<li style="height: 30px;">
								<a title="我的考勤" url="to_OnecheckWork" class="easyui-linkbutton nav_btn"
									data-options="fit:true,iconCls:'icon-skiing,plain:true'">
									我的考勤
								</a>
							</li>
						</h:per>
						<h:per id="8">
							<li style="height: 30px;">
								<a title="我的邮件" url="to_emaill" class="easyui-linkbutton nav_btn"
									data-options="fit:true,iconCls:'icon-skiing,plain:true'">
									我的邮件
								</a>
							</li>
						</h:per>
						<h:per id="9">
							<li style="height: 30px;">
								<a title="我的借款" url="to_OnePersonalLoan" class="easyui-linkbutton nav_btn"
									data-options="fit:true,iconCls:'icon-skiing,plain:true'">
									我的借款
								</a>
							</li>
						</h:per>
					</ul>
				</div>
			</h:per>
			<!-- 流程模块 -->
			<h:per id="2">
				<div title="流程" class="xxbj" style="overflow: auto; padding: 3px;"
					data-options="iconCls:'icon-liucheng',fit:true">
					<div class="easyui-accordion" data-options="fit:true,selected:true"
						style="background: #eee;">
						<!-- 流程审批 -->
						<div title="流程审批" class="xxbj" style="overflow: auto; padding: 3px;"
							data-options="iconCls:'icon-shenpi',fit:true">
							<ul>
								<h:per id="4">
									<li style="height: 30px;">
										<a title="流程发起 " url="processClassify"
											class="easyui-linkbutton nav_btn"
											data-options="fit:true,iconCls:'icon-skiing,plain:true'">流程发起</a>
									</li>
								</h:per>
								<h:per id="5">
									<li style="height: 30px;">
										<a title="待办流程" url="backlogProcess" class="easyui-linkbutton nav_btn"
											data-options="fit:true,iconCls:'icon-skiing,plain:true'">待办流程</a>
									</li>
								</h:per>
								<h:per id="11">
									<li style="height: 30px;">
										<a title="已办流程" url="originalProcess" class="easyui-linkbutton nav_btn"
											data-options="fit:true,iconCls:'icon-skiing,plain:true'">已办流程</a>
									</li>
								</h:per>
								<h:per id="6">
									<li style="height: 30px;">
										<a title="我的申请" url="myProcesses" class="easyui-linkbutton nav_btn"
											data-options="fit:true,iconCls:'icon-skiing,plain:true'">我的申请</a>
									</li>
								</h:per>
								<h:per id="12">
									<li style="height: 30px;">
										<a title="流程监控" url="" class="easyui-linkbutton nav_btn"
											data-options="fit:true,iconCls:'icon-skiing,plain:true'">流程监控</a>
									</li>
								</h:per>
								<h:per id="13">
									<li style="height: 30px;">
										<a title="流程统计" url="" class="easyui-linkbutton nav_btn"
											data-options="fit:true,iconCls:'icon-skiing,plain:true'">流程统计</a>
									</li>
								</h:per>
							</ul>
						</div>
					</div>
				</div>
			</h:per>
			<!-- 人事模块 -->
			<h:per id="1">
				<div title="人事" class="xxbj" style="overflow: auto; padding: 3px;"
					data-options="iconCls:'icon-renshiguanli',fit:true">
					<div class="easyui-accordion" data-options="selected:true"
						style="background: #eee; left: 20px">
						<!-- 组织架构 -->
						<h:per id="14">
							<div title="组织架构" class="xxbj" style="overflow: auto; padding: 3px;"
								data-options="iconCls:'icon-zuzhijiagou',fit:true">
								<ul>
									<h:per id="17">
										<li style="height: 30px;">
											<a title="部门管理" id="" url="to_DeptInfo"
												class="easyui-linkbutton nav_btn"
												data-options="fit:true,iconCls:'icon-skiing,plain:true'">部门管理</a>
										</li>
									</h:per>
									
									<h:per id="20">
										<li style="height: 30px;">
											<a title="职位管理" id="" url="to_Position"
												class="easyui-linkbutton nav_btn"
												data-options="fit:true,iconCls:'icon-skiing,plain:true'">职位管理</a>
										</li>
									</h:per>
								</ul>
							</div>
						</h:per>
						<!-- 人事管理 -->
						<h:per id="1">
							<div title="人事管理" class="xxbj" style="overflow: auto; padding: 3px;"
								data-options="iconCls:'icon-renshiguanli',fit:true">
								<ul>
									<h:per id="18">
										<li style="height: 30px;">
											<a title="人事档案" url="to_RSarchives" class="easyui-linkbutton nav_btn"
												data-options="fit:true,iconCls:'icon-skiing,plain:true'">
												人事档案
											</a>
										</li>
									</h:per>
									<h:per id="19">
										<li style="height: 30px;">
											<a title="合同管理" url="ContractManagement" class="easyui-linkbutton nav_btn"
												data-options="fit:true,iconCls:'icon-skiing,plain:true'">
												合同管理
											</a>
										</li>
									</h:per>
									<h:per id="20">
										<li style="height: 30px;">
											<a title="转正管理" url="CorrectionManagement" class="easyui-linkbutton nav_btn"
												data-options="fit:true,iconCls:'icon-skiing,plain:true'">转正管理 </a>
										</li>
									</h:per>
									<h:per id="21">
										<li style="height: 30px;">
											<a title="离职管理" url="QuitManagement" class="easyui-linkbutton nav_btn"
												data-options="fit:true,iconCls:'icon-skiing,plain:true'">离职管理</a>
										</li>
									</h:per>
									<h:per id="22">
										<li style="height: 30px;">
											<a title="人事调动" url="" class="easyui-linkbutton nav_btn"
												data-options="fit:true,iconCls:'icon-skiing,plain:true'">人事调动</a>
										</li>
									</h:per>
									<h:per id="23">
										<li style="height: 30px;">
											<a title="个人借款" url="PersonalLoan" class="easyui-linkbutton nav_btn"
												data-options="fit:true,iconCls:'icon-skiing,plain:true'">个人借款</a>
										</li>
									</h:per>
								</ul>
							</div>
						</h:per>
						<!-- 考勤管理 -->
						<h:per id="1">
							<div title="考勤管理" class="xxbj" style="overflow: auto; padding: 3px;"
								data-options="iconCls:'icon-kaoqin',fit:true">
								<ul>
									<h:per id="23">
										<li style="height: 30px;">
											<a title="考勤统计" url="CountAttendances" class="easyui-linkbutton nav_btn"
												data-options="fit:true,iconCls:'icon-skiing,plain:true'">考勤统计</a>
										</li>
									</h:per>
									<h:per id="24">
										<li style="height: 30px;">
											<a title="考勤记录" url="to_CheckWork" class="easyui-linkbutton nav_btn"
												data-options="fit:true,iconCls:'icon-skiing,plain:true'">考勤记录</a>
										</li>
									</h:per>
									<h:per id="25">
										<li style="height: 30px;">
											<a title="请假管理" url="" class="easyui-linkbutton nav_btn"
												data-options="fit:true,iconCls:'icon-skiing,plain:true'">请假管理</a>
										</li>
									</h:per>
									<h:per id="1">
										<li style="height: 30px;">
											<a title="加班结余" url="" class="easyui-linkbutton nav_btn"
												data-options="fit:true,iconCls:'icon-skiing,plain:true'">加班结余</a>
										</li>
									</h:per>
									<h:per id="26">
										<li style="height: 30px;">
											<a title="年假管理" url="" class="easyui-linkbutton nav_btn"
												data-options="fit:true,iconCls:'icon-skiing,plain:true'">年假管理</a>
										</li>
									</h:per>
									<h:per id="27">
										<li style="height: 30px;">
											<a title="考勤参数" url="" class="easyui-linkbutton nav_btn"
												data-options="fit:true,iconCls:'icon-skiing,plain:true'">考勤参数</a>
										</li>
									</h:per>
								</ul>
							</div>
						</h:per>
						<!--人事权限 -->
						<h:per id="1">
							<div title="权限管理" class="xxbj" style="overflow: auto; padding: 3px;"
								data-options="iconCls:'icon-quanxianguanli',fit:true">
								<ul>
									<h:per id="28">
										<li style="height: 30px;">
											<a title="用户管理" id="" url="to_EmpRoleInfo"
												class="easyui-linkbutton nav_btn"
												data-options="fit:true,iconCls:'icon-skiing,plain:true'">用户管理</a>
										</li>
									</h:per>
									<h:per id="29">
										<li style="height: 30px;">
											<a title="角色管理" id="" url="to_menuRole"
												class="easyui-linkbutton nav_btn"
												data-options="fit:true,iconCls:'icon-skiing,plain:true'">角色管理</a>
										</li>
									</h:per>
								</ul>
							</div>
						</h:per>
						<!-- 基础信息 -->
						<div title="基础信息" class="xxbj" style="overflow: auto; padding: 3px;"
							data-options="iconCls:'icon-jichuzhishi',fit:true">
							<ul>
								<li style="height: 30px;">
									<a title="基础信息" url="" class="easyui-linkbutton nav_btn"
										data-options="fit:true,iconCls:'icon-skiing,plain:true'">基础信息</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</h:per>
		</div>
	</div>


	<!-- 右边页面显示 -->
	<div data-options="region:'center'" style="padding: 0px; background: #eee;">
		<!-- 循环获取左边菜单  -->
		<div id="tt" class="easyui-tabs"
			data-options="fit:true, border:false, tools: '#tab-tools'">
			<!-- 首页 -->
			<div title="首页" class="right_bj">
				<!-- 另一个布局 -->
				<div class="easyui-layout" data-options="fit:true">
					<!-- 中间左边框 -->
					<div data-options="region:'west'"
						style="width: 49.9%; height: 100%; border: none;">
						<div class="easyui-panel" iconCls="icon-gerenxinxi" title="个人信息"
							style="width: 99%; height: 48%;">
							<!-- 个人中心 -->
							<div class="user_info_standard_panel user_info_standard_simple"
								style="position: relative;">
								<div class="left">
									<!-- 头像  -->
									<div class="panel_user_portrait">
										<a onclick="upload_avatar()">
											<img src="${emp.empImg }" title="修改头像">
										</a>
									</div>
									<div class="panel_user_operation ">
										<a class="easyui-linkbutton" plain="true" title="修改密码"
											iconCls="icon-suo" onclick="xiugai()"></a>
										<a class="easyui-linkbutton" plain="true" onclick="UpdateOneEmpbj()"
											iconCls="icon-bianji" title="编辑"></a>
										<a class="easyui-linkbutton" plain="true" iconCls="icon-xiangxi"
											onclick="xiangxi()" title="详细"></a>
									</div>
								</div>
								<div class="right">
									<div class="panel_user_information">
										欢迎您：
										<font color="red">${emp.empName}</font>
										<ul>
											<li style="height: 20px;">您的角色为：${emp.position.positionName }</li>
											<li style="height: 20px;">账户：${emp.empLoginname }</li>
											<li style="height: 20px;">邮箱：${emp.empEmail }</li>
											<li style="height: 20px;">手机：${emp.empPhone }</li>
											<li style="height: 20px;">QQ：${emp.emp_QQ }</li>
										</ul>
									</div>
									<div class="panel_user_data"></div>
								</div>
							</div>
						</div>

						<!-- 考勤 -->
						<div style="margin-top: 10px; position: relative;">
							<div class="easyui-panel" iconCls="icon-kaoqin" title="考勤中心"
								style="width: 99%; height: 240px;">
								<table width="100%" height="99%" border="1"
									style="border-color: red; border: none;">
									<tr height="25%">
										<td style="width: 20%; text-align: center;">
											<p style="font-weight: bold; font-size: 15px;">上班
											<p>
											<p id="onwork" style="color: #A6A6A6;"></p>
										</td>
										<td>
											<div style="height: 99%; width: 99.6%;">
												<p id="pp1"
													style="line-height: 49px; margin-left: 10px; color: #A6A6A6;">未签到</p>
											</div>
										</td>
									</tr>
									<tr height="25%">
										<td style="width: 20%; text-align: center;">
											<p style="font-weight: bold; font-size: 15px;">下班
											<p>
											<p id="offwork" style="color: #A6A6A6;"></p>
										</td>
										<td>
											<div style="height: 99%; width: 99.6%;">
												<p id="pp2"
													style="line-height: 49px; margin-left: 10px; color: #A6A6A6;">未签退</p>
											</div>
										</td>
									</tr>
									<tr height="25%">
										<td colspan="2" style="text-align: center;">
											<a class="easyui-linkbutton button-grayish" plain="true"
												iconCls="icon-qiandao" onclick="attendance_Checkin()">签到</a>
											<a class="easyui-linkbutton button-grayish" plain="true"
												iconCls="icon-qiantui" onclick="attendance_Checkout()">签退</a>
										</td>
									</tr>
									<tr height="25%">
										<td colspan="2">
											<div
												style="width: 25%; align: center; height: 16px; margin-left: 15%">
												<div
													style="background: blue; width: 12px; height: 12px; margin-top: 2px;"></div>
												<p style="margin-top: -14px; float: left; margin-left: 14px;">表示正常的考勤信息
												</p>
											</div>

											<div
												style="width: 25%; align: center; height: 16px; margin-top: -18px; float: right; margin-right: 20%">
												<div
													style="background: red; width: 12px; height: 12px; margin-top: 2px;"></div>
												<p style="margin-top: -14px; float: left; margin-left: 14px;">表示异常的考勤信息
												</p>
											</div>
										</td>
									</tr>
								</table>
							</div>
						</div>
					</div>

					<script type="text/javascript">
						//签到
						function attendance_Checkin() {
							$
									.post(
											"to_sava_Attendance_Checkin",
											function(info) {
												var attypeid = info.attypeId;//用于判断签到时间显示字体的颜色
												var pp1value = $("#pp1").text();
												if (info.onworktime != undefined
														&& pp1value == '未签到') {
													if (attypeid == '3') {//如果迟到则显示异常的颜色，红色
														$("#pp1")
																.html(
																		"<font color='#FF0000'>"
																				+ info.onworktime
																				+ "<font>");
														$.messager
																.alert("提示",
																		"签到成功,但是你迟到了，下次记得早点签到。");
													} else {//表示正常签到
														$.messager.alert("提示",
																"签到成功！");
														$("#pp1")
																.html(
																		"<font color='blue'>"
																				+ info.onworktime
																				+ "<font>");
													}
												} else {
													$.messager.alert("提示",
															"签到失败!你已经签到了。");
												}
											});
						}

						//签退
						function attendance_Checkout() {
							$
									.post(
											"to_sava_Attendance_Checkout",
											function(info) {
												var attypeId = info.attypeId;//用于判断签退时间显示字体的颜色
												var pp2value = $("#pp2").text();
												if (info.offworktime != undefined
														&& pp2value == '未签退') {
													if (attypeId == '2'
															|| attypeId == '4') {//判断是否早退
														$("#pp2")
																.html(
																		"<font color='#FF0000'>"
																				+ info.offworktime
																				+ "<font>");
														$.messager
																.alert("提示",
																		"签退成功，但是你早退了，下次记得不要早退哦。");
													} else {
														$.messager.alert("提示",
																"签退成功！");
														$("#pp2")
																.html(
																		"<font color='bule'>"
																				+ info.offworktime
																				+ "<font>");
													}
												} else {
													$.messager
															.alert("提示",
																	"签退失败！可能今天还没有进行签到或已经签过到了。");
												}
											});
						}
					</script>


					<!-- 中间右边框 -->
					<div data-options="region:'east'"
						style="width: 49.9%; height: 100%; border: none;">
						<!-- 时间控件  -->
						<div class="easyui-panel" iconCls="icon-rili" title="日历"
							style="width: 100%; height: 48%;">
							<div id="cc" class="easyui-calendar"
								style="width: 100%; height: 91%; position: relative; border: none;"></div>
						</div>

						<div style="margin-top: 10px; position: relative; border: 0px solid #eee;">
							<div class="easyui-panel" iconCls="icon-tianqi" title="天气"
								style="width: 100%; height: 240px;">
								<!-- 天气插件  -->
								<iframe allowtransparency="true" frameborder="0" width="565" height="98"
									scrolling="no"
									src="//tianqi.2345.com/plugin/widget/index.htm?s=2&z=1&t=1&v=0&d=3&bd=0&k=&f=&ltf=009944&htf=cc0000&q=1&e=1&a=1&c=54511&w=565&h=98&align=center"></iframe>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 中间关闭的按钮 -->
	<div id="tab-tools" style="border: none; border-bottom: 1px solid #C5C5C5;">
		<a id="btn_close_current" href="#" class="easyui-linkbutton" plain="true"
			iconCls="icon-jianhao" title="关闭一个"></a>
		<a id="btn_close_all" href="#" class="easyui-linkbutton" plain="true"
			iconCls="icon-quxiao" title="关闭所有"></a>
	</div>


	<!-- 修改密码的窗口 -->
	<div id="win-emp-modify-password" class="easyui-window" title="修改密码"
		data-options="collapsible:false,minimizable:false,maximizable:false,modal:true,iconCls:'icon-suo', closed: true"
		style="width: 320px; height: 200px; padding: 5px;">
		<div class="easyui-layout" data-options="fit:true">
			<div data-options="region:'center'" style="padding: 10px;">
				<form id="win-emp-modify-password-form" method="post"
					action="edit_emp_password">
					<table width="100%">
						<tr>
							<td>
								<input name="oldPassword" class="easyui-passwordbox"
									data-options="required:true,missingMessage:'亲，该项为必填项哦！',label:'旧密码', width:260">
							</td>
						</tr>
						<tr>
							<td>
								<input name="empPassword1" class="easyui-passwordbox"
									data-options="required:true,missingMessage:'亲，该项为必填项哦！', label:'新密码', width:260">
							</td>
						</tr>
						<tr>
							<td>
								<input name="empPassword2" class="easyui-passwordbox"
									data-options="required:true,missingMessage:'亲，该项为必填项哦！', label:'确认新密码', width:260">
							</td>
						</tr>
					</table>
				</form>
			</div>
			<div data-options="region:'south',border:false"
				style="text-align: right; padding: 5px 0 0;">
				<a class="easyui-linkbutton" data-options="iconCls:'icon-ok', plain:true"
					onclick="xiugaimima()">修改密码</a>
				<a class="easyui-linkbutton"
					data-options="iconCls:'icon-cancel', plain:true" href="javascript:void(0)"
					onclick="$('#win-emp-modify-password').window('close');">取消</a>
			</div>
		</div>
	</div>



	<!-- 上传头像 -->
	<div id="win_upload_avatar" class="easyui-window" title="修改头像"
		data-options="collapsible:false,minimizable:false,maximizable:false,modal:true,iconCls:'icon-suo', closed: true"
		style="width: 300px; height: 200px;">
		<div class="easyui-layout" data-options="fit:true">
			<div data-options="region:'center'" style="padding: 10px;">
				<form action="upload" method="post" enctype="multipart/form-data">
						请选择一张jpg图片：
						<input type="file" name="file">
						<br>
						<input type="submit" value="上传">
				</form>
			</div>
		</div>
	</div>
	<div id="win_infomation"></div>
</body>
</html>